<!DOCTYPE html>
<html lang="zh-Hans-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width" />
		<title>首页</title>
		<link href="lib/layui/css/layui.css" rel="stylesheet" type="text/css">
		<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<link href="css/index_style.css" rel="stylesheet" type="text/css">
		<link href="css/animate.min.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="js/constant/urls.js"></script>
		<script type="text/javascript" src="lib/layui/layui.js"></script>
		<script type="text/javascript" src="lib/jquery/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="js/utils/TimeUtils.js"></script>
		<script type="text/javascript" src="js/wow.min.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body>
		<div id="menu" class="hover_animation menu_open" data-mark="false">
			<span></span>
			<span></span>
			<span></span>
		</div>
		<div id="navgation" class="navgation navgation_close">
			<ul class="point">
				<li><a href="#">首页</a></li>
				<li><a href="article.html">医疗科普</a></li>
				<li><a href="message.html">留言</a></li>
				<li><a href="link.html">友链</a></li>
				<li><a href="about.html">关于</a></li>
			</ul>
			<div class="logo"><a>Tudo</a></div>
		</div>
		<div class="section" id="section1">
			<div class="fp-tablecell">
				<div class="page1">
					<div class="nav wow zoomIn" data-wow-duration="2s">
						<h1>涂圆圆</h1>
						<p>宏愿纵未了，奋斗不言晚</p>
						<a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="article.html">Enter Tudo</a>
					</div>
					<a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
				</div>
			</div>
		</div>
		<div class="section" id="section2">
			<div class="fp-tablecell">
				<div class="page2">
					<div class="warp-box">
						<div class="new-article">
							<div class="inner wow fadeInDown" data-wow-delay=".2s">
								<h1>热门文章</h1>
								<p>
									很想给你写封信,告诉你这里的天气.
									<br>昨夜的那场电影,还有我的心情.
								</p>
							</div>
						</div>
						<div class="layui-row" id="hot-rows">
							<div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" style="padding: 0 10px">
								<div class="single-news">
									<div class="news-head">
										<img src="image/1.jpg">
										<a href="read.html?id=" class="link"><i class="fa fa-link"></i></a>
									</div>
									<div class="news-content">
										<h4><a href="javascript:;">标题</a></h4>
										<div class="date">2017年2月16日</div>
										<p>很想给你写封信,告诉你这里的天气. 昨夜的那场电影,还有我的心情.</p>
										<a href="read.html?id=" class="btn">阅读更多</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section" id="section3">
			<div class="fp-tablecell">
				<div class="page3">
					<div class="warp-box">
						<div class="warp">
							<div class="inner">
								<div class="links">
									<ul>
										<li class="wow fadeInLeft"><a href="about.html">关于</a></li>
										<li class="wow fadeInRight"><a href="link.html">+友情链接</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section" id="section4">
			<div class="fp-tablecell">
				<div class="page4">
					<div class="warp-box">
						<div class="about">
							<div class="inner">
								<h1 class="wow fadeInLeft">次元使者</h1>
								<p class="wow fadeInRight">
									爱好拍照，动漫，洛丽塔。闲来无事喜欢在一些不健康的场所虚度光阴，撸起代码就会废寝忘食。
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer class="footer wow fadeInUp" id="contact">
			<div class="footer-top">
				<div class="container">
					<div class="layui-row">
						<div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
							<div class="single-widget about">
								<div class="footer-logo">
									<h2>涂圆圆</h2>
								</div>
								<p>宏愿纵未了，奋斗不言晚。</p>
								<div class="button">
									<a href="about.html" class="btn layui-btn layui-btn-normal">About Me</a>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
							<div class="single-widget">
								<h2>相关链接</h2>
								<ul class="social-icon">
									<li class="active"><a href="article.html"><i class="fa fa-book"></i>医疗科普</a></li>
									<li class="active"><a href="message.html"><i class="fa fa-comments"></i>留言</a></li>
									<li class="active"><a href="link.html"><i class="fa fa-snowflake-o"></i>友情链接</a></li>
									<li class="active"><a href="about.html"><i class="fa fa-files-o"></i>关于</a></li>
								</ul>
							</div>
						</div>
						<div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
							<div class="single-widget contact">
								<h2>联系我</h2>
								<ul class="list">
									<li><i class="fa fa-map"></i>地址: 河南省南阳市南阳理工学院</li>
									<li><i class="fa fa-qq"></i>QQ: 2727932885 </li>
									<li><i class="fa fa-envelope"></i>邮箱: 2727932885@qq.com</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="copyright">
				<div class="container">
					<div class="layui-row">
						<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
							<p>Copyright &copy; 2019-2020 涂圆圆 All Rights Reserved V.1.2.5</p>
						</div>
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>
